import React from 'react'
import {Timeline, Popover, Card, Col, Row } from 'antd';
import MyMonacoEditor from './MyMonacoEditor'

const TimeLines = () => {

    const content = (
        <MyMonacoEditor/>
    )
    const timeLine = (
        <Timeline mode="alternate" style={{height:300}}>
            <Timeline.Item>
                <Popover content={content} title="版本差异对比">
                    <a>v2.0.0</a>
                </Popover>
            </Timeline.Item>
            <Timeline.Item color="green">
                <Popover content={content} title="版本差异对比">
                    <a>v1.0.3</a>
                </Popover>
            </Timeline.Item>
            <Timeline.Item color="red">
                <Popover content={content} title="版本差异对比">
                    <a>v1.0.2</a>
                </Popover>
            </Timeline.Item>
            <Timeline.Item>
                <Popover content={content} title="版本差异对比">
                    <a>v1.0.1</a>
                </Popover>
            </Timeline.Item>
            <Timeline.Item>
                <Popover content={content} title="版本差异对比">
                    <a>v1.0.0</a>
                </Popover>
            </Timeline.Item>
            <Timeline.Item>
                <Popover content={content} title="版本差异对比">
                    <a>v1.0.0</a>
                </Popover>
            </Timeline.Item>
            <Timeline.Item>
                <Popover content={content} title="版本差异对比">
                    <a>v1.0.0</a>
                </Popover>
            </Timeline.Item>
            <Timeline.Item>
                <Popover content={content} title="版本差异对比">
                    <a>v1.0.0</a>
                </Popover>
            </Timeline.Item>
            <Timeline.Item>
                <Popover content={content} title="版本差异对比">
                    <a>v1.0.0</a>
                </Popover>
            </Timeline.Item>
        </Timeline>
    )

    return <Popover content={timeLine} title="版本历史">
        <a>v1.0.2</a>
    </Popover>
}

export default TimeLines